<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>practise</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<header class="header">
    <div class="logo">Logo</div>
    <div class="toolbar"><a href="#">Github</a>  <a href="#">Register</a> <a href="#">Login</a></div>
</header>
<div class="green">
    <div class="bar_diagram">
        <div class="bar">
            <div style="width:100%;height:80%"></div>
            <div class="single_bar">1</div>
        </div>
        <div class="bar">
            <div style="width:100%;height:70%"></div>
            <div class="single_bar" style="height: 30%;line-height: 64px;">2</div>
        </div>
        <div class="bar">
            <div style="width:100%;height:80%"></div>
            <div class="single_bar">3</div>
        </div>
        <div class="bar">
            <div style="width:100%;height:80%"></div>
            <div class="single_bar">4</div>
        </div>
    </div>
</div>
<div class="nav">
    <div style="width: 15%;height: 100%;display: inline-block">&nbsp</div>
    <div style="width: 28%;height: 100%;display: inline-block">
        <div style="width: 100%;height: 25%;display: block"></div>
        <div class="nav_wrap" style="border-bottom:3px solid white;">HOME</div>
        <div class="nav_wrap" style="background-color: darkgray">PROFILE</div>
        <div class="nav_wrap" style="background-color: darkgray">ABOUT</div>
    </div>
</div>
<div class="content">
    <div style="-webkit-box-flex: 1;"></div>
    <div style="width: 650px;">
        <div class="row">
            <div class="row_content">This is Content 1</div>
            <div class="row_content">MaybeContent 2</div>
            <div class="row_content" style="width: 30%;">Content 3</div>
        </div>
        <div class="row">
            <div class="row_content" style="width: 24%;">Content 4</div>
            <div class="row_content" style="width: 24%;">Content 5</div>
            <div class="row_content" style="width: 24%;">Content 6</div>
            <div class="row_content" style="width: 23%;">Content 7</div>
        </div>
        <div class="row">
            <div class="row_content">Content 8</div>
            <div class="row_content">Content 9</div>
            <div class="row_content" style="width: 30%;">Content 10</div>
        </div>
    </div>
    <div style="-webkit-box-flex: 1;"></div>
</div>
<footer class="footer">&#169 2019 ewentsai.tk</footer>
</body>
</html>